.el-table {

  .el-table__header-wrapper,
  .el-table__fixed-header-wrapper {

    tr,
    th {
      background-color: rgba(248, 248, 248, 1);
    }
  }
}

.el-input--mini {

  .el-input-group__append,
  .el-input-group__prepend {
    padding: 0 0.5rem;
  }
}

#el-drawer__title {
  padding: 1rem;
  margin: 0;
  border-bottom: 1px $dark1 solid;
}

.el-tooltip__popper {
  max-width: 400px;
}

.mgtabs {
  .el-tabs__header {
    margin-bottom: 0 !important;
  }
}

.mgcard {
  .el-card__header {
    padding: $dis10;
    color: #333;
    font-size: 14px;
  }

  .el-card__body {
    padding: $dis10;
  }
}

.el-card {
  transition: .1s !important;
}

.collapseSelect {
  min-width: 200px;

  .el-tag {
    max-width: 100px !important;
  }
}

.el-input__suffix {
  display: flex;
  align-items: center;

  .el-input__suffix-inner {
    display: flex;
  }
}

.yscrollbar {
  height: 100%;
  overflow: hidden;
  position: relative;

  .el-scrollbar__wrap {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    padding-right: 17px;
  }

  .el-scrollbar__bar {
    position: absolute;
    right: 2px;
    bottom: 2px;
    z-index: 1;
    border-radius: 4px;
    opacity: 0;
    transition: opacity 120ms ease-out;

    &.is-vertical {
      width: 6px;
      top: 2px;

      div {
        width: 100%;
      }
    }
    .el-scrollbar__thumb {
      position: relative;
      display: block;
      width: 0;
      height: 0;
      cursor: pointer;
      border-radius: inherit;
      background-color: rgba(153,153,153,.3);
      transition: .3s background-color;
    }
  }
  &:hover{
    .el-scrollbar__bar{
      opacity: 1;
    }
  }
}

.xscrollbar {
  .xscrollArea {
    height: calc(100% + 17px);
  }

  .el-scrollbar__wrap {
    overflow-y: hidden;
    overflow-x: auto;
    height: calc(100% + 17px);
  }
}

.el-scrollbar__bar.is-horizontal {
  display: none;
}

.mgswitch {
  .el-switch__core {
    width: 50px !important;
  }

  .el-switch__label {
    position: absolute;
    z-index: 2;
    display: none;

    span {
      font-size: 12px;
    }

    &.el-switch__label--left {
      margin: 0;
      left: 20px;
      color: #fff;
    }

    &.el-switch__label--right {
      margin: 0;
      right: 20px;
      color: #fff;
    }

    &.is-active {
      display: block;
    }
  }
}

.mgslider {
  .el-slider__runway {
    margin: 0;
    background-color: $dark5 !important;
    box-shadow: #fff 0 0 2px;

    .el-slider__bar {
      background-color: $blue;
      box-shadow: $blue 0 0 5px;
      border-radius: 3px;
    }

    .el-slider__button-wrapper {
      display: none;
    }

    &:hover .el-slider__button-wrapper {
      display: block;
    }
  }
}

.el-message {
  background-color: #fff !important;
  border-color: #f0f0f0 !important;
  box-shadow: $dark1 0 0 $dis10;
}

.el-cascader__dropdown {

  .in-active-path,
  .is-selectable {
    font-weight: 500 !important;
  }
}

.el-cascader-node:hover {
  .el-radio__inner {
    border-color: $blue;
  }
}

.el-radio__input {
  .el-radio__inner {
    background-color: #fff !important;
    border-width: 2px;
    transition: $trans1;

    &::after {
      width: 5px;
      height: 5px;
      background-color: $blue;
    }
  }
}

.mgcascader {
  .el-input--mini {
    .el-input__inner {
      height: 28px !important;

      &::placeholder {

        font-size: 12px !important;
      }
    }
  }

  .el-cascader__tags {
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    transform: translateY(0);
  }

  .el-tag {
    z-index: 1;
    max-width: 100px;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .el-cascader__search-input {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;

    &::placeholder {

      font-size: 12px !important;
    }
  }
}

.jtk-endpoint {
  z-index: 2;
}

.jtk-connector {
  transition-property: opacity;

  &:hover {
    z-index: 2;
  }
}

.uploadHideBtn {
  .el-upload {
    display: none;
  }
}

// 自定义popover 多触发时合并成手写的同一个，减少消耗
.CPT_Popper[x-placement^="right"] {
  .popper__arrow {
    transform: translateY(-50%);
  }
}

.CPT_Popper[x-placement^="left"] {
  .popper__arrow {
    transform: translateY(-50%);
  }
}